<script setup lang="ts">
import { useUnityRoleStore } from '@/stores/unityRole'
import UnityRole from '@/components/unity/UnityRole.vue'

const useUnityRole = useUnityRoleStore()
const currentUnityRoleId = useUnityRole.getCurrentUnityRoleId
</script>

<template>
  <main class="relative w-[100vw] h-[100vh] overflow-hidden dark:bg-primary">
    <UnityRole class="absolute top-0 left-0" :unity-role-id="currentUnityRoleId" />
    <div class="absolute top-0 left-1/2 w-1/2 h-full pr-[300px] pt-[100px] pb-[100px]">
      <RouterView />
    </div>
  </main>
</template>

<style scoped></style>
